.topic {
    border-color: black;
    border-radius: 1em;
    border-style: solid;
    border-width: 2px;
    width: 400px;
    padding: 1em;
    margin: 1em;
}

.collection {
    display: flex;
    flex-wrap: wrap;
}

a:visited { text-decoration: none; }

a {
    text-decoration: none;
    color: blue;
}

p {
    font-family: Arial, Helvetica, sans-serif;
}

.mod {
    font-size: 12px;
}

body {
    background-color:azure;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color:darkslategray;
    }

    h1, h2, h3, p {
        color: white;
    }

    a {
        text-decoration: none;
        color: cyan;
    }    

    .topic {
        border-color: white;
    }
}

.fi {
    background-color: white;
}